<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Futureway</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
		  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
		  crossorigin="anonymous">
	<!--<link rel="stylesheet" href="../css/common.min.css">-->
	<link rel="stylesheet" href="../css/common.css">
</head>
<body>
<header id="n-head">
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
						data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="../index.html">Futureway</a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li class="company-logo">
						<a href="../index.html">
							<img src="../images/logo.png" alt="logo">
						</a>
					</li>
					<li><a href="product.html">Products</a></li>
					<li><a href="solution.html">Solution</a></li>
					<li><a href="news.html">News</a></li>
					<li><a href="us.html">Us</a></li>
					<li>
						<a href="javascript: void (0)">Language</a>
						<ul class="child-menu">
							<li>
								<a href="us.html">About Us</a>
							</li>
							<li>
								<a href="callback.html">反馈</a>
							</li>
						</ul>
					</li>
				</ul>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav>
</header>
<section id="n-section">
	<div class="container">
		<h2 class="title">第90届奥斯卡金像奖正在直播</h2>
		<p class="author">
			时间：<span>2018-03-05</span>
			|
			文 / <span>吉米·坎摩尔</span>
		</p>
		<hr>
		<p class="share">
			<a href="#" class="share-icon facebook"></a>
			<a href="#" class="share-icon twitter"></a>
			<a href="#" class="share-icon google"></a>
			<a href="#" class="share-icon ins"></a>
			<a href="#" class="share-icon alibaba"></a>
		</p>
		<div class="content">
			<p>
				<img src="../images/news-pic2.jpg" alt="pic" style="width: 100%">
			</p>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi deleniti expedita, explicabo facere,
			in maxime neque obcaecati, quaerat repudiandae sint voluptas voluptatum. Autem eum maxime minus odio
			provident voluptatibus!
			<p style="color: transparent;text-shadow: 0 0 10px rgba(0,0,0,0.5);">
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi deleniti expedita, explicabo facere,
				in maxime neque obcaecati, quaerat repudiandae sint voluptas voluptatum. Autem eum maxime minus odio
				provident voluptatibus!
			</p>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi deleniti expedita, explicabo facere,
			in maxime neque obcaecati, quaerat repudiandae sint voluptas voluptatum. Autem eum maxime minus odio
			provident voluptatibus!
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi deleniti expedita, explicabo facere,
			in maxime neque obcaecati, quaerat repudiandae sint voluptas voluptatum. Autem eum maxime minus odio
			provident voluptatibus!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi deleniti expedita, explicabo facere,
			in maxime neque obcaecati, quaerat repudiandae sint voluptas voluptatum. Autem eum maxime minus odio
			provident voluptatibus!
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi deleniti expedita, explicabo facere,
			in maxime neque obcaecati, quaerat repudiandae sint voluptas voluptatum. Autem eum maxime minus odio
			provident voluptatibus!
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi deleniti expedita, explicabo facere,
			in maxime neque obcaecati, quaerat repudiandae sint voluptas voluptatum. Autem eum maxime minus odio
			provident voluptatibus!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi deleniti expedita, explicabo facere,
			in maxime neque obcaecati, quaerat repudiandae sint voluptas voluptatum. Autem eum maxime minus odio
			provident voluptatibus!
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi deleniti expedita, explicabo facere,
			in maxime neque obcaecati, quaerat repudiandae sint voluptas voluptatum. Autem eum maxime minus odio
			provident voluptatibus!
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi deleniti expedita, explicabo facere,
			in maxime neque obcaecati, quaerat repudiandae sint voluptas voluptatum. Autem eum maxime minus odio
			provident voluptatibus!
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi deleniti expedita, explicabo facere,
			in maxime neque obcaecati, quaerat repudiandae sint voluptas voluptatum. Autem eum maxime minus odio
			provident voluptatibus!
		</div>
	</div>
</section>
<footer id="footer">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<ul>
					<li>
						<a href="#">About Us</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<ul>
					<li>
						<a href="#">Follow Us</a>
					</li>
					<li class="share">
						<a href="#" class="share-icon facebook">
							<img src="../images/facebook.png" alt="">
						</a>
						<a href="#" class="share-icon twitter">
							<img src="../images/twitter.png" alt="">
						</a>
						<a href="#" class="share-icon google">
							<img src="../images/google+.png" alt="">
						</a>
						<a href="#" class="share-icon ins">
							<img src="../images/ins.png" alt="">
						</a>
						<a href="#" class="share-icon alibaba">
							<img src="../images/alibaba.png" alt="">
						</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<ul>
					<li>
						<a href="#">Contact Us</a>
					</li>
					<li>Phone</li>
					<li>Fax</li>
					<li>Email</li>
					<li>Address</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<img src="../images/news-pic2.jpg" alt="QR_code" width="150" height="150">
			</div>
		</div>
	</div>
</footer>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
		integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
		crossorigin="anonymous"></script>
</body>
</html>